<template>
  <div class="manage">
    <van-nav-bar
      title="房屋管理"
      left-arrow
      @click-left="onClickLeft"
    />
    <div class="manageImg">
      <img src="http://liufusong.top:8080/img/not-found.png" alt="没有房源">
      <div class="p">
        您还没有房源，<span @click="onGoRent" class="spanColor">去发布房源</span>吧~
      </div>
    </div>
  </div>
</template>

<script>
// http://liufusong.top:8080/img/not-found.png 没有房源时的图片
export default {
  data () {
    return {

    }
  },

  created () {

  },

  methods: {
    // 点击返回
    onClickLeft () {
      this.$router.back()
    },
    // 点击跳转房源页面
    onGoRent () {
      this.$router.push({
        path: '/rentOut'
      })
    }
  }
}
</script>

<style scoped lang='less'>
// nav-bar
/deep/.van-nav-bar__content {
  background-color: #16A77A;
}
/deep/.van-nav-bar__title {
  color: #fff;
}
/deep/.van-icon-arrow-left:before {
  color: #fff;
}

//没有房源
.manage {
  .manageImg {
    margin-top: 75px;
    text-align: center;
    font-size: 28px;
    img {
      width: 237px;
      height: 154px;
    }
    .p {
      margin-top: 70px;
      .spanColor {
        color: #33BE85;
      }
    }
  }
}
</style>
